﻿@model Masapan_shop.Models.Producto
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Productos.cshtml";
}

@*<h2>Detalle del producto: @Model.nombre</h2>*@


<center>
    <table class="pure-table">
   <thead> <tr>
         <th>
            Nombre
        </th>

        <th>
            Modelo
        </th>
        <th>
            Marca
        </th>
        <th>
            Precio
        </th>
        <th>
            Descripcion
        </th>
        <th>
            Foto
        </th>
 
    </tr>
</thead>
    <tbody>
        @using(var db = new Masapan_shop.Models.MasapanContext())
        @foreach (var item in db.productos) 
        {
            <tr>
                <td>
                    @item.nombre
                </td>
                <td>
                    @item.modelo
                </td>
                <td>
                    @item.marca
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.precio)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.descripcion)
                </td>
                <td>
                   <img src=" @Html.DisplayFor(modelItem => item.foto)" width="50px" height="50px" />
                </td>
            </tr>
        }
        </tbody>
     <tfoot>
                <tr>
                    <td></td>
                    
                    <td></td>
                    
                    <td></td>
                    
                    <td></td>
                    
                    <td></td>
                    
                    <td></td>
                  
                </tr>
            </tfoot>
</table>
</center>
       
   
}

@*<img src="@Model.foto" style="max-width: 100%;" />
<blockquote>
    @Model.descripcion
</blockquote>


@if (Model.productos != null) {

foreach (var producto in Model.productos)
{
    <table>
        <thead>
            <tr>
                <th>Producto</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td> @producto.nombre - @producto.modelo- @producto.marca-@producto.tipo</td>
                <td>@producto.precio</td>
                <td><img src="@producto.foto" alt="@producto.nombre" class="img-rounded" style="max-width: 30%;" /></td>
            </tr>

        </tbody>
    </table>
}
@section Scripts {
    <script>
        $(document).ready(function () {
            var arrayOfarrays = JSON.parse('@Html.Raw(Model.productos)');
        });
    </script>
    }

}
     
else
{
    <span>No hay Productos cargados</span>
    
}
*@
